<template>
	<view style="padding: 20rpx;">
		<u-parse :content="content"></u-parse>
		<!-- <u-loading-page :loading="loading" loading-text="加载中..."></u-loading-page>
		<view class="content">
			<view class="image" v-for="(item,index) in detail.images">
				<u--image :src="imgUrl+item" width="100%" height="300rpx" :radius="10">
					<view slot="error" style="font-size: 24rpx;">加载失败</view>
				</u--image>
			</view>
			<u--text :text="detail.content" color="#4a4a4a" size="14px" bold lineHeight="50rpx"></u--text>	
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:0,
				detail:{},
				loading:true,
				imgUrl: this.$DOMAIN_URL,
				content:""
			};
		},
		onLoad(event) {
			this.id = event.id
			this.init()
		},
		methods:{
			init(){
				this.$http.get('wanlshop/article/details', {
					id:this.id
				}).then(res => {
					if(res.code == 1){
						uni.setNavigationBarTitle({
							title:res.data.title
						})
						// this.detail = res.data
						// this.loading = false
						this.content = res.data.content
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
 .content{
	 padding: 20rpx;
	 .image{
		width: 100%;
		height: 300rpx;
		margin-bottom: 20rpx;
	 }
 }
</style>
